<template>
  <!-- 添加还款账户 -->
  <view class="container">
    <u-gap height="10" bg-color="#f6f6f6"></u-gap>
    <view class="buzouc">
      <view class="buzboxs flex flex-ai-c flex-jc-c">
        <view class="bgyangs flex flex-ai-c flex-jc-c">
          <view class="diyigq1"></view>
          <view class="diyigq2"></view>
          <view class="diyigq1"></view>
          <view class="diyigq3"></view>
          <view class="diyigq4"></view>
          <view class="diyigq5"></view>
          <view class="diyigq1"></view>
          <view class="diyigq6"></view>
        </view>
      </view>
      <view class="ixonbox flex flex-ai-c flex-jc-c">
        <view class="iconcss flex flex-dir-c flex-ai-c">
          <i-icon icon="iconshenhe" type="single" size="60rpx" color="#5E5E5E"></i-icon>
          <view class="texname color-999 font-26">
            审核
          </view>
        </view>
        <view class="iconcss1 flex flex-dir-c flex-ai-c">
          <i-icon icon="iconzhifu1" type="single" size="56rpx" color="#5E5E5E"></i-icon>
          <view class="texname color-999 font-26">
            支付定金
          </view>
        </view>
        <view class="iconcss2 flex flex-dir-c flex-ai-c">
          <i-icon icon="iconmsnui-card" type="single" size="66rpx" color="#5E5E5E"></i-icon>
          <view class="texname color-333 font-26">
            添加还款账户
          </view>
        </view>
        <view class="iconcss3 flex flex-dir-c flex-ai-c">
          <i-icon icon="icon-" type="single" size="60rpx" color="#5E5E5E"></i-icon>
          <view class="texname color-999 font-26">
            提车
          </view>
        </view>
      </view>
    </view>
    <view class="mt-45 ml-25 color-333 font-26">
      请添加 马云 的借记卡
    </view>
    <view class="cardNs">
      <view class="cnbox flex flex-ai-c">
        <view class="cntitle mr-20 font-30 color-333">
          卡号
        </view>
        <view class="cninputs">
          <input type="number" class="inputtext" v-model="cardNumber" placeholder="请输入借记卡卡号" placeholder-style="font-size:30rpx;color:#DDDDDD"  @input="InputChildItem($event)"/>
        </view>
        <view v-show="cardNumber===''?false:true" @click="deletecardn">
          <i-icon icon="iconshanchu" type="single" size="36rpx" color="#D3D3D3"></i-icon>
        </view>
      </view>
    </view>
    <view class="cardcss">
      <view class="carbg flex flex-ai-c">
        <view class="cardimg mr-20">
          <image :src="'https://files.yzsheng.com/goodimg/brandimg/42.png'"></image>
        </view>
        <view class="carxix">
          <view class="font-30 color-333">
            中国龙业银行
          </view>
          <view class="font-24 color-666 mt-10">
            单笔限额 ￥10000.00
          </view>
        </view>
      </view>
    </view>
    <view class="mt-25 ml-25 color-666 font-24">
      1.线上扣款银行卡功能仅支付为当前扣款人名下的借记卡<br>
      （需为一类账户，建议联系银行确认卡类别）
    </view>

    <view style="height: 160rpx;"></view>
    <view class="confirmAdd">
      <view class="cfbtns font-30 color-666">
        确认添加
      </view>
      <view class="cfbtns2 font-30 color-666">
        确认添加
      </view>
    </view>
  </view>
</template>

<script src="./addRepaymentAccount.js"></script>
<style src="./addRepaymentAccount.scss" lang="scss" scoped></style>
